<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <base href="<?php echo BASE_URL; ?>" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link type="text/css" rel="stylesheet" media="all" href="/css/style.css" />
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <title>Login</title>
    </head>
    <body class="body-login">
        <div class="wrap wrap-login">
            <div class="grid grid-login">
                <div class="title">Login</div>
                <div class="content">
                    <?php 
                        if(isset($this->mess)){
                            if($this->flag == 'success')
                                echo '<div class="notification success">',$this->mess,'</div>';
                            elseif($this->flag == 'alert')
                                echo '<div class="notification alert">',$this->mess,'</div>';
                            else
                                echo '<div class="notification error">',$this->mess,'</div>';
                        }
                        echo $this->form; 
                    ?>
                </div>
            </div>
            <script type="text/javascript">
                $(document).ready(function(){
                    $("#username").focus();
                });
            </script>
            <div class="clear-both"></div>
        </div>
    </body>
</html>